$(document).ready(function() {
    $("div.panel_button").click(function(){
        $("div#panel").animate({
            height: "500px"
        })
        .animate({
            height: "400px"
        }, "fast");
        $("div.panel_button").toggle();
	
    });	
	
    $("div#hide_button").click(function(){
        $("div#panel").animate({
            height: "0px"
        }, "fast");
		
	
    });
    $("#login_btn").click(function(){
        var login   =jQuery.trim($("#login").val());
        var password=jQuery.trim($("#password").val());
        if(login==""){
            alert("ERROR: El nombre de usuario es requerido!");
        }else if(password==""){
            alert("ERROR: La contraseña es requerida!");
        }else{
            $("#login-form").submit();
        }
    });
	
});